<%@page import="co.gov.medellin.ssti.sub.model.vo.AreaVO"%>
<%@page import="java.util.Collection"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>
<%@ page contentType="text/html;charset=utf-8"%>

<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/popUP.js"%>"></script>
<script src="<%=request.getContextPath()%>/js/dateValidation.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/jquery-1.8.0.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery-ui-1.10.3.custom.min.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery.ui.datepicker-es.js"%>"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()
					+ "/css/ui-lightness/jquery-ui-1.10.3.custom.css"%>" />
			

<script type="text/javascript">
$(document).ready(function() {
	var fechaActual = new Date();
    var dd = fechaActual.getDate();
    var mm = fechaActual.getMonth()+1; // indice 0
    var yyyy = fechaActual.getFullYear();
    if(dd<10){dd='0'+dd;} if(mm<10){mm='0'+mm;} var fechaActual = dd+'/'+mm+'/'+yyyy;
    
	$("#guardarBtn").click(function(){    
		if ($("#programa").val() == "") {
	    	alert("Debe ingresar un nombre para el Programa.");
	        return false;
	    }
	    if ($("#effectiveFrom").val() == "") {
	    	alert("Debe ingresar el inicio de vigencia del beneficio.");
	        return false;
	    }
	    if ($("#effectiveUntil").val() == "") {
	    	alert("Debe ingresar la finalizacion de la vigencia del beneficio.");
	        return false;
	    }     
	    if ($("#Administrador").val() == "") {
	    	alert("Debe ingresar un administrador para el Programa.");
	        return false;
	    }     

		var fDesdeValida = isDate($("#effectiveFrom").val());
		var fHastaValida = isDate($("#effectiveUntil").val());
		if(!fDesdeValida){
			alert('Fecha inicial no valida.');
			return false;
		}else if(!fHastaValida){
			alert('Fecha final no valida.');
			return false;
		}else{
			if( $.datepicker.parseDate("dd/mm/yy", $("#effectiveFrom").val()) < $.datepicker.parseDate("dd/mm/yy", fechaActual)){
				alert('La fecha inicial es menor a la fecha de hoy.');
				return false;
			}
			if( $.datepicker.parseDate("dd/mm/yy", $("#effectiveFrom").val()) > $.datepicker.parseDate("dd/mm/yy", $("#effectiveUntil").val())){
				alert('La fecha incial es mayor a la fecha final.');
				return false;
			}
		}
		$("#frmCreateProgram").attr('target','_self');
		$("#frmCreateProgram").submit();					
	});
	
	$("#vigencia").change(function(){
		if($("#vigencia").val() === 'I'){
			$("#razon").prop('disabled', false);
		}else{
			$("#razon").prop('disabled', true);
			$("#razon").val('');
		}
	});
	
});
</script>

<!-- DatePickers -->
<script type="text/javascript">
$.datepicker.setDefaults({
	  showOn: "button",
	  buttonImageOnly: true,
	  buttonImage: "<%=request.getContextPath() + "/images/Calendar.png"%>",
	  buttonText : "Calendario"
	});
	$(function() {
		$("#effectiveFrom").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
	$(function() {
		$("#effectiveUntil").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
</script>

<script type="text/javascript">       
function fcancelar(){
   	location.href = "ConsultarPrograma.do";
}    
</script>
<link href="<%=request.getContextPath() + "/css/bloques.css"%>"
	rel="stylesheet" type="text/css">
<P align="center"></P>
<DIV align="center">
	<table
		style="width: 100%; border: 0; padding: 3px; border-spacing: 3px;">
		<tr>
			<td>
				<DIV align="center" class="titulosenblanco">
					Ingresar Informaci&oacute;n del Programa
				</DIV>
			</td>
		</tr>
	</table>
</DIV>

<form name="frmCreateProgram" id="frmCreateProgram" method="post"
	action="<%=request.getContextPath()
					+ "/programas/GuardarPrograma.do"%>">
	<input type="hidden" name="admincodigo" id="admincodigo" />
	<div align="center">
		<table style="width: 100; border: 0; padding: 2px; border-spacing: 2px;">
			<tr>
				<td width="7%"></td>
				<td width="0%">
					<P></P>
				</td>
				<td width="30%" align="left" class="celdatabla">
					<STRONG>Nombre (*)</STRONG>
				</td>
				<td width="74%">
					<strong> 
						<input type="text" Class="form" name="programa" id="programa" size="100" maxlength="300" />
					</strong>
				</td>
			</tr>
			<tr>
				<td width="7%"></td>
				<td width="0%">
					<DIV align="left"></DIV>
				</td>
				<td width="30%" align="left" class="celdatabla"><STRONG>Descripci&oacute;n</STRONG>
				</td>
				<td width="74%">
					<DIV align="left">
						<strong> 
							<textarea Class="formInputOutput300px" name="Descripcion" id="Descripcion" cols="50" rows="7"></textarea>
						</strong>
					</DIV>
				</td>
			</tr>
			<tr>
				<td width="7%"></td>
				<td width="0%"></td>
				<td width="30%" align="left" class="celdatabla">
					<STRONG>Objetivo</STRONG>
				</td>
				<td width="74%">
					<strong> 
						<textarea class="formInputOutput300px" name="Objetivo" id="Objetivo" cols="50" rows="7"></textarea>
					</strong>
				</td>
			</tr>
			<%				
				Collection<AreaVO> rs = null;
				rs =(Collection<AreaVO>) request.getAttribute("secretarias");				
				if (rs != null) {
			%>

			<tr>
				<td width="7%"></td>
				<td width="0%"></td>
				<td width="30%" align="left" class="celdatabla">
					<STRONG>Secretaria (*)</STRONG>
				</td>
				<td width="74%" class="celdatabla">
					<select name="Area" id="Area" class="formInputOutput300px">
						<option value="">SELECCIONE LA SECRETARIA</option>
						<%
							for (AreaVO vo: rs) {
						%>
						<option value="<%=vo.getCodearea()%>"><%=vo.getNombre()%></option>
						<%
							}
						%>
					</select>
				</td>
			</tr>
			<%
				} else {
			%>
			<tr>
				<td colspan="2">Ocurrio un error</td>
			</tr>
			<%
				}
			%>
			<tr>
				<td width="7%"></td>
				<td width="0%">
				<td width="30%" align="left" class="celdatabla">
					<STRONG>Poblacion</STRONG>
				</td>
				<td width="74%">
					<textarea name="poblacion" id="poblacion" class="formInputOutput300px" cols="50" rows="7"></textarea>
				</td>
			</tr>
			<tr>
				<td width="7%"></td>
				<td width="0%">
				<td width="30%" align="left" class="celdatabla">
					<P>
						<STRONG>Vigente Desde (*)</STRONG>
					</P>
				</td>
				<td width="74%">
					<input type="text" Class="formInputOutput" name="effectiveFrom" id="effectiveFrom" /> 
				</td>
			</tr>
			<tr>
				<td width="7%"></td>
				<td width="0%">
				<td width="30%" align="left" class="celdatabla">
					<P>
						<STRONG>Vigente Hasta (*)</STRONG>
					</P>
				</td>
				<td width="74%">
					<input type="text" Class="formInputOutput" name="effectiveUntil" id="effectiveUntil" />
				</td>
			</tr>
			<tr>
				<td width="7%"></td>
				<td width="0%">
					<P></P>
				</td>
				<td width="30%" align="left" class="celdatabla">
					<P>
						<STRONG>Administrador &nbsp;(*)&nbsp;&nbsp;&nbsp; &nbsp;</STRONG>
					</P>
				</td>
				<td width="74%">
					<strong> 
						<input type="text" class="formInputOutput" maxlength="50" size="50" name="Administrador" id="Administrador" readonly /> 
							<a href='javascript:vpopUsers("<%=request.getContextPath() + "/jsp/programas/usuariosadminprog.jsp"%>");'>
								<img border="0" src="<%=request.getContextPath() + "/images/addressbook.gif"%>"
									alt="Seleccionar un usuario administrador" width="16" height="16" />
							</a>
					</strong>
				</td>
			</tr>
			<tr>
				<td width="7%"></td>
				<td width="0%">
					<P></P>
				</td>
					<td width="30%" align="left" class="celdatabla">
						<STRONG>Es para empresa?</STRONG>
					</td>
					<td width="74%">
						<select name="paraEmpresa" class="form" >
							<option value="N">No</option>
							<option value="S">Si</option>
						</select>
					</td>
			</tr>
			<tr>
				<td width="7%">&nbsp;</td>
				<td width="2%" colspan="3">
					<DIV align="left">
						<input type="button" value="Guardar" name="guardarBtn" id="guardarBtn" /> 
						<input type="BUTTON" value="Cancelar" name="Cancelar" id="Cancelar" onclick="fcancelar()" />
					</DIV>
				</td>
			</tr>
			<tr>
				<td width="7%" colspan="4">
					<DIV align="center" class="celdatabla">
						Los campos marcados con (*) son obligatorios
					</DIV>
				</td>
			</tr>
		</table>
	</div>

	<P align="center" class="celdatabla">
		<a href="javascript:window.history.back()"> 
			<img src="<%=request.getContextPath() + "/images/BACK1-1.gif"%>" border="0" />
		</a>
	</P>
	<P align="center">
		<input type="HIDDEN" name="ori" id="ori" value="ingresar">
	</P>
</form>